<script setup>
import Title from '@/components/title/index.vue'
import Card from './component/card.vue'
import { ref } from 'vue'
import { useResumeListStore } from '../../stores/resumeList'

const resumeListStore = useResumeListStore()
const cardList = ref([
    {
        style: '标题111',
        desc: '内容111111111111111111111111111111111111111111111',
        url: '/modern.webp',
    },
    {
        style: '标题111',
        desc: '内容111111111111111111111111111111111111111111111',
        url: '/modern.webp',
    },
    {
        style: '标题111',
        desc: '内容111111111111111111111111111111111111111111111',
        url: '/modern.webp',
    },
    {
        style: '标题111',
        desc: '内容111111111111111111111111111111111111111111111',
        url: '/modern.webp',
    },
    
   
])
</script>

<template>
<Title title="简历模板" />
<div class="model-main">
     <el-row :gutter="20">
        <el-col
      :lg="8"
      :md="12"
      :xs="24"
      v-for="(item, index) in resumeListStore.resumeList"
      :key="index"
      class="card-item"

      ><Card
        :cardData="item"
      ></Card
    ></el-col>
    </el-row>
</div>
</template>

<style scoped>

</style>
